<!--
 * @Descripttion: your project
 * @version: 1.0
 * @Author: hongweixun
 * @Date: 2022-06-28 18:06:09
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2023-02-16 09:44:03
-->
<template>
  <div :class="props.none ? 'none-title-content' : 'common-title-content'">
    {{ title }}
  </div>
</template>
<script lang="ts" setup>
interface PropsType {
  // 标题名称
  title?: string
  // 是否需要左边的伪类样式，默认需要。不需要传none
  none?: boolean
}
const props = withDefaults(defineProps<PropsType>(), {
  title: '班级名称', // 默认值
  none: false
})
</script>
<style lang="scss" scoped>
.none-title-content {
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  font-family: Bold;
  font-size: 18px;
}
.common-title-content {
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  font-family: Bold;
  font-size: 18px;
}
.common-title-content::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 16px;
  background: #1281ff;
  border-radius: 4px;
  left: 0;
  top: 5px;
}
</style>
